﻿<!DOCTYPE HTML>
<html>

	<head>
		<meta charset="utf-8">
		<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport">
		<meta content="yes" name="apple-mobile-web-app-capable">
		<meta content="black" name="apple-mobile-web-app-status-bar-style">
		<meta content="telephone=no" name="format-detection">
		<meta content="email=no" name="format-detection">
		<title>预览建议书</title>
		<link href="/pad_marketing/html/css/main.css" rel="stylesheet" type="text/css" />
		<link href="/pad_marketing/html/css/common.css" rel="stylesheet" type="text/css" />

	</head>

	<body ng-app="myApp" id="ng-app" class="ng-app:myApp" ng-app="myApp" ng-controller="proposalPreviewCtrl">

		<!--标题区域 start-->
		<div class="tit_main">
			<label class="white lh-50 jys-title">预览建议书</label>
			<a id="goBack" class="pull-left lh-50"><span class="icon icon-left"></span></a>
  			<a class="pull-right block lh-50" href="/pad_marketing/index/index.action"><span class="icon icon-home meus"></span></a>
		</div>
		<!--标题区域 end-->

		<!--内容区域 start-->
		<div class="H_top_bot" id="wrapper">
			<div>
				<div class="proTop">
					<div class="padding-3">
						<div class="media">
							<a class="media-left" href="#">
								<img class="thumbnail proJysFmImg" ng-src="{{app.quoBase.faceImg}}" alt="..." width="159" height="208">
							</a>
							<div class="media-body">
								<h2 class="lh-45" ng-bind="app.quoBase.quoName"></h2>
								<h5 class="font-18" ng-bind="app.quoBase.updateDate"></h5>
								<div class="blank-1"></div>
								<div class="row font-16 lh-30" style="margin-left:0px;" ng-repeat="cp in app.cps">
									<p class="font-16 lh-30" ng-bind="cp.role" style=" clear: both;"></p>
									<p class="col-md-2" style="padding-left:0px;">姓名：
										<font ng-bind="cp.name"></font>
									</p>
									<p class="col-md-2">年龄：
										<font ng-bind="cp.age"></font>
									</p>
									<p class="col-md-2">性别：
										<font ng-bind="cp.sexName"></font>
									</p>
									<p class="col-md-4" ng-if="cp.cpNbPremium != 0">首期保险费合计： 
										<font ng-bind="cp.cpNbPremium |currency:''"></font>
									</p>
									<br>
									<p class="col-md-12" style="padding-left:0px;">职业：
										<font ng-bind="cp.ocName"></font>
									</p>
								</div>
								
								<div class=" pull-right" style="padding-left:0px;">首期总保费：
									<font class="font-24 orange" ng-bind="app.cps[0].cpNbPremium + app.cps[1].cpNbPremium |number:2"></font>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-- 个人名片 -->
				<div class="businessCard">
					<div class="blank-1 bg-gray"></div>
					<div class="padding-3">
						<h3 class="font-24">个人名片</h3>
						<div class="blank-1"></div>
						<hr>
						<div class="blank-1"></div>
						
						<div class="media">
							<a class="media-left" href="#">
								<div class="pic-panel">
									<img id="userIntimg" src="/pad_marketing/html/img/circle-bird.png">
								</div>
							</a>
							<div class="media-body">
								<div class="form-group">

									<label class="col-md-2 control-label">公司名称：</label>
									<div class="col-md-4">
										<p class="form-control-static">中德安联人寿保险</p>
									</div>

									<label class="col-md-3 control-label ">营销员姓名：</label>
									<div class="col-md-3">
										<p class="form-control-static b" ng-bind="app.agent.agentName"></p>
									</div>
									<div class="clearfix"></div>

									<label class="col-md-2 control-label">营销员邮箱：</label>
									<div class="col-md-4">
										<p class="form-control-static " ng-bind="app.agent.email"></p>
									</div>

									<label class="col-md-3 control-label">营销员手机：</label>
									<div class="col-md-3">
										<p class="form-control-static " ng-bind="app.agent.agentTel"></p>
									</div>
									<div class="clearfix"></div>

									<label class="col-md-2 control-label">展业证编号：</label>
									<div class="col-md-4">
										<p class="form-control-static " ng-bind="app.agent.businessNo"></p>
									</div>

									<label class="col-md-3 control-label">营销员职级：</label>
									<div class="col-md-3">
										<p class="form-control-static " ng-bind="app.agent.roleName"></p>
									</div>

									<div class="clearfix"></div>
								</div>
							</div>
						</div>
					</div>
					<div class="blank-1 bg-gray"></div>
				</div>
				<!-- 公司介绍 -->
				<div id="proIntroduction" ng-if="param.company">

					<div class="padding-3">
						<h3 class="font-24">公司介绍</h3>
					</div>
					<img src="/pad_marketing/html/img/banner.jpg" width="100%">
					<div class="padding-3">
						<p class="font-18 lh-30 p-2em">中德安联人寿保险有限公司是由德国安联保险集团（AllianzSE）与中国中信信托有限责任公司(CITIC Trust)共同合资组建的人寿保险公司，于1999 年1 月25 日在上海正式开业，是中国第一家获准成立的中欧合资保险公司。</p>
						<div class="blank-1"></div>
						<p class="font-18 lh-30 p-2em">凭借安联百年国际金融及风险管理专长，与中信信托本土金融领域经验的深度结合，中德安联以创新的度身定制保险方案、专业的培训系统和诚信的服务理念享誉市场；通过营销员团队、合作银行、多元化渠道和在线销售等全方位的营销网络，为中国客户提供专业和优质的保险金融产品及服务，业务范围覆盖人寿、养老、投资、教育、医疗、意外等各个领域，全方位地满足客户的需求。</p>
					</div>

				</div>
				<!-- 保险计划概要 -->
				<div id="proPlanoverview">
					<div class="blank-1 bg-gray"></div>
					<div class="padding-3">
						<h3 class="font-24">保险计划概要<span class="font-18 pull-right">货币单位：元（人民币）</span></h3>
						<div class="blank-1"></div>
						<div class="proPlanoverviewdata" ng-repeat="jh in app.cps | orderBy:['cpId']:true">
							<div ng-if="jh.cpNbPremium > 0">

								<table class="table no-border no-border-top table-middle">
									<tr>
										<div colspan="10">
											<span class="pull-left font-20 lh-45">被保险人:<font ng-bind="jh.name"></font></span>
											<span class="pull-right font-20 lh-45">首期保险费合计：<font ng-bind="jh.cpNbPremium |currency:''"></font></span>
										</div>
									</tr>
								</table>

								<div ng-repeat="pol in app.policies">
									<table style="margin-bottom:20px;" class="table no-border no-border-top table-middle" ng-if="sumPrem(jh,pol) > 0">

										<tr>
											<td colspan="10">
												<span class="pull-left font-18 lh-45">计划{{$index+1}}：</span>
												<span class="pull-right font-18 lh-45">首期保险费小计:<font ng-bind="sumPrem(jh,pol)| currency:'' "></font></span>
											</td>
										</tr>
										<!-- 
												非空显示 ，空不要
										      	annuityBeginAge 年金年龄
										        guaranteeTerm   年金期限 ng-if="app.policies.covers.cvcCode == 'PRI'"
										        annuityMode     年金模式
									         -->
										<div style="border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;padding:15px 0;overflow:hidden;" ng-repeat="p in pol.polBase" ng-if="app.policies.covers.cvcCode == 'PRI'">
											<span style="width:33.333%;display:block;float:left;">起始年金/生存金领取年龄:
										      		<font ng-bind="p.annuityBeginAge"></font>
										      	</span>
											<span style="width:33.333%;display:block;float:left;">年金/生存金领取方式:	
									          		<font ng-bind="p.guaranteeTerm"></font>
									          	</span>
											<span style="width:33.333%;display:block;float:left;">保险类型/年金类型:	
									        		<font ng-bind="p.annuityMode"></font>
									        	</span>
										</div>
										<tr class="active">
											<td width="24%" colspan="2">险种名称</td>
											<td width="27%">基本保险金额/基本年金金额</td>
											<td>保险期间</td>
											<td>保险费支付期</td>
											<td>交费方式</td>
											<td>职业等级</td>
											<td align="right">保费</td>
										</tr>
										<tr ng-repeat="c in pol.covers |filter:{'cp1Id':jh.cpId}">
											<!-- 险种名称 -->
											<td width="30" align="left">
												<!-- 主险图标  cvcCode:"PRI"-->
												<span class="icon icon-add pull-left padding-right-15" ng-if="c.cvcCode == 'PRI'">
						       						<label class="white font-18">主</label>
						       					</span>
												<!-- 副险图标 cvcCode:"RID" -->  
												<span class="icon icon-add btn-warning pull-left padding-right-15" ng-if="c.cvcCode == 'RID'">
						       						<label class="white font-18">附</label>
						       					</span>
											</td>
											<td>
												<font ng-bind="c.coverName"></font>
											</td>
											<!-- 基本保险金额/基本年金金额 -->
											<td style="text-align: center;">
												<font ng-bind="c.sumAssured |currency:''"></font><span ng-show="c.sumAssured == null">-</span></td>
											<!-- 保险期间 -->
											<td>
												<font ng-bind="c.benefitTermName"></font>
											</td>
											<!-- 保险费支付期 -->
											<td>
												<font ng-bind="c.premTermName"></font>
											</td>
											<!-- 交费方式 -->
											<td>
												<font ng-bind="pol.polBase.paymentMode == '01' && c.premTermType != 'S' ? pol.polBase.riderRegularPaymentModeName : pol.polBase.paymentModeName"></font>
											</td>
											<!-- 职业等级 -->
											<td>
												<font ng-bind="c.ocLevelName"></font>
											</td>
											<!-- 保费 -->
											<td align="right">
												<font ng-bind="c.covNbPremium |currency:''"></font>
											</td>
										</tr>
									</table>
									
									<!-- 满期金计划 -->
									<hr/>
									<div class="padding-15" ng-if="pol.polBase.mdpDrawDesc ">
										<span class="pull-left font-18">
											满期金分期领取计划信息:
											<span class="blue" ng-bind="pol.polBase.mdpDrawDesc"></span>
										</span>	
										<span class="pull-right font-18">
											累计生息领取方式：
											<span class="blue" ng-bind="pol.polBase.mdpInterestDrawTypeName"></span>
										</span>
									</div>
							</div>
						</div>
						
					</div>
					<hr>
					<div class="blank-10"></div>
					<p class="lh-30 font-16">重要声明：</p>
					<p class="lh-30 font-16">1.本人已知晓本计划书的有效期为计划书编印日期起的30天。</p>
					<p class="lh-30 font-16">2.本人已知晓本计划书是基于本人所提供的信息而制作的，若本人提供的信息有遗漏、隐瞒或错误，将会导致本计划书无效。</p>
					<p class="lh-30 font-16">3.本人已知晓本计划书并非投保申请，如需投保本保险计划，还需提交相应投保申请文件。</p>
					<p class="lh-30 font-16">4.本人已阅读并确认知晓本计划书所包括的所有内容。</p>
				</div>

				<!-- 保险利益概要 -->
				<div id="proBenefit" ng-if="param.benefit">
					<div class="blank-1 bg-gray"></div>
					<div class="padding-3">
						<h3 class="font-24">保险利益概要<span class="font-18 pull-right">货币单位：元（人民币）</span></h3>
						<div class="blank-1"></div>
						<table class="table no-border no-border-top table-middle" ng-repeat="gy in app.cps | filter:filterCpBenefit">
							<tr>
								<td colspan="3">
									<span class="pull-left font-20 lh-45">被保险人:<font ng-bind="gy.name"></font></span>
								</td>
							</tr>
							<tr class="active">
								<td>保险利益项</td>
								<td width="55%" align="center">保险利益概述</td>
								<td align="right">基本保险金额/基本年金金额</td>
							</tr>
							<tr ng-repeat="gy2 in gy.quoBenefits">
								<td>
									<font ng-bind="gy2.benefitName"></font>
								</td>
								<td>
									<p class="lh-30" ng-bind="gy2.benefitDesc"></p>
								</td>
								<td align="right">
									<font ng-bind="gy2.sumAssured"></font>
								</td>
							</tr>

						</table>
						<hr>
					</div>
				</div>
				<!-- 综合利益演示表 -->
				<div id="proIllustrationB" ng-if="param.illustration">
				
					<div class="page-one" >
						<div class="blank-1 bg-gray"></div>
						<a class="padding-3" style="display:block;">
							<h3 class="font-24">利益演示表<span class="font-18 pull-right cursor" style="color: #004b97;line-height: 31px;"  ng-click="goPdfShowLy();">点击查看</span></h3>
						</a>
					</div>
					<!-- 安康无忧静态演示表 -->
					<div class="page-AKWY01" style="padding-top: 0;" >
						<div class="blank-1 bg-gray"></div>
						<a class="padding-3" style="display:block;">
							<h3 class="font-24" ng-click="akwyToggle();">安联安康无忧医疗保险利益演示表<span class="font-18 pull-right cursor" style="color: #004b97;line-height: 31px;">点击查看</span></h3>
						</a>
						
						<div class="open-akwy">
							<div></div>
						</div>
		            </div>
		            
		            <div class="page-HQZX01" style="padding-top:0;" >
						<div class="blank-1 bg-gray"></div>
						<a class="padding-3" style="display:block;">
							<h3 class="font-24" ng-click="HQZX01Toggle();">安联寰球臻享保险利益演示表<span class="font-18 pull-right cursor" style="color: #004b97;line-height: 31px;">点击查看</span></h3>
						</a>
						
						<div class="open-HQZX01">
							<div></div>
						</div>
		            </div>
					
				</div>

				<!-- 险种产品说明，病种，条款 -->
				<div id="proIllustration">
					<div class="blank-1 bg-gray"></div>

					<ul class="proposal-more">
						<li ng-repeat="il in app.clauses track by $index">
							<font ng-bind="il.coverName"></font>
							<a class="orange pull-right cursor" ng-click="pdfShowSms(il);" ng-if="param.productSpec && il.productSpecUrl != '' && il.productSpecUrl != null">　产品说明书 </a>
							<a class="green pull-right cursor" ng-click="showDD($index)" ng-if="il.diseaseHtml != '' && il.diseaseHtml != null">　病种</a>
							<a class="blue pull-right cursor" ng-click="pdfShowTk(il);" ng-if="param.clause">　查看条款 </a>
						</li>
						</li>
					</ul>
				</div>

				<!-- 人身保险投保提示书 -->
				<div id="proTips" ng-if="param.tips">
					<div class="blank-1 bg-gray"></div>
					<div class="padding-3">
						<div class="font-18 lh-45 p-2em" ng-bind-html="app.quoBase.insuranceInfo |trustHtml"></div>
						<div class="font-18 lh-45 p-2em" style="margin-top:30px;" ng-bind-html="app.quoBase.riskInfo |trustHtml" ng-if="app.quoBase.riskInfo != null"></div>
						<div class="blank-1"></div>
					</div>
				</div>

			</div>
		</div>
		<!--内容区域 end-->

		<!--底部区域 start-->
		<div class="bot_main">
			<div class="col-md-2 col-md-offset-4">
				<a href="/pad_marketing/plan/proposalNew.action" id="goBack2" class="btn btn-success btn-lg btn-block "><span class="icon icon-return"></span>返回修改</a>
			</div>
			<div class="col-md-2">
				<button type="button" class="btn btn-primary btn-lg btn-block" ng-click="showmaildiv()"><span class="icon icon-send"></span>发送邮件</button>
			</div>
		</div>
		<!--底部区域 end-->
		<!--弹出层-模板 start-->
		<!--弹出层-模板 start-->
		<div class="open-block hide" id="open10">
		  <div class="open-body">
		    <div class="blank-1"></div>
		    <div class="form-group">
		      <label class="col-md-4 control-label">收件人：</label>
		      <div class="col-md-7 no-padding"><input class="form-control" id="email" type="mail"></div>
		    </div>
		    <div class="form-group">
		      <label class="col-md-4 control-label">发件人：</label>
		      <div class="col-md-7 no-padding lh-45">service@allianz.com.cn</div>
		    </div>
		    <div class="padding-15 margin-15 bg-warning text-center">
		    	客户会通过以下邮箱跟您联系
		    </div>
		    <div class="form-group">
		      <label class="col-md-4 control-label">联系邮箱：</label>
		      <div class="col-md-7 no-padding"><input class="form-control" id="emailFrom" type="mail"></div>
		    </div>
		    <div class="blank-5"></div>
		  </div>
		  <div class="open-footer">
		    <div class="col-md-6">
		      <button class="btn btn-primary btn-lg btn-block" onclick="closeDiv('open10')"><span class="icon icon-no"></span>取消</button>
		    </div>
		    <div class="col-md-6">
		      <button id="normalSure" class="btn btn-warning btn-lg btn-block" ng-click="sendEmail()"><span class="icon icon-send"></span>发送</button>
		    </div>
		  </div>
		</div>

		<div id="agn-menu" class="hide">
			<div class="circle-panel">
				<nav class="circle-bg">
					<a class="circle-pic" onClick="showDiv('person-panel')">
						<img src="/pad_marketing/html/img/circle-bird.png">
					</a>
					<lable class="circle-text"></lable>
					<div class="circle-menu">
						<a href="#" class="menu-item" id="menu-one">
							<i class="">公司简介</i>
						</a>
						<a href="#" class="menu-item" id="menu-two">
							<i class="">建议书</i>
						</a>
						<a href="#" class="menu-item" id="menu-three">
							<i class="">产品中心</i>
						</a>
						<a href="#" class="menu-item" id="menu-four">
							<i class="">在线投保</i>
						</a>
						<a href="#" class="menu-item" id="menu-five">
							<i class="">需求分析</i>
						</a>
					</div>
					<span class="close circle-close" onClick="closeDiv('agn-menu')">X</span>
				</nav>
			</div>
		</div>

		<!--弹出层-病种- 附加险 -->
		<div class="open_disease hide" id="openDD{{$index}}" ng-repeat="ll in app.clauses">
			<h4 class="open_disease_header">
			   	<font ng-bind="ll.coverName"></font>
			    <button type="button" class="close" ng-click="closeDiv($index)">×</button>
			</h4>
			<div class="open_disease_body" ng-include="ll.diseaseHtml"></div>
			<!-- ng-include="ll.diseaseHtml" -->
		</div>
		
		<!-- 安康无忧弹出层 -->

		<!--js全放底部-->
		<script src="/pad_marketing/html/js/jquery-1.7.2.min.js" type="text/javascript"></script>
		<script src="/pad_marketing/html/js/angular.min.js" type="text/javascript"></script>
		<script src="/pad_marketing/html/js/jquery.jmpopups-0.5.1.js" type="text/javascript"></script>
		<script src="/pad_marketing/html/js/idangerous.swiper.min.js"></script>
		<script src="/pad_marketing/html/js/iscroll.js" type="text/javascript"></script>
		<script src="/pad_marketing/html/js/idangerous.swiper.3dflow.js"></script>
		<script src="/pad_marketing/html/js/common.js" type="text/javascript"></script>
		<script src="/pad_marketing/dev/js/common.js" type="text/javascript"></script>

		<!-- 邮件预览js -->
		<script src="/pad_marketing/dev/js/proposalPreviewnew.js" type="text/javascript"></script>
		<script src="/pad_marketing/dev/js/angular-locale_zh-cn.js" type="text/javascript"></script>
		
		
		
	   	<script type="text/javascript">
		   	var navigatorName = "Microsoft Internet Explorer";
		    var isIE = false;  
		    if( navigator.appName == navigatorName ){  
		     	isIE = true;  
		         alert("推荐使用Chrome浏览器访问。其他浏览器支持Firefox, Safari, IE8+");
		         window.location.href='http://www.allianz.com.cn/';
		    } 
	   	</script>
		
	</body>

</html>